<script lang="ts">
/**
 * 表单页面 底部
 * @author
 *
 * */
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'FormFooterToolbar',
})
</script>
<template>
  <div class="form-footer-toolbar">
    <slot></slot>
  </div>
</template>
<style lang="less" scoped>
.form-footer-toolbar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  z-index: 1;
  height: 56px;
  padding: 0 24px;
  line-height: 56px;
  text-align: right;

  /* background: #fff; */
  border-top: 1px solid #f0f0f0;
  box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
  transition-duration: 0.1s;
}
</style>
